// components/car/Ins.ts
import { ajax } from "../../utils/request";
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    flag:{
      type: Boolean
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
     // 省份简写
     provinces: [
      ['京', '沪', '粤', '津', '冀', '晋', '蒙', '辽', '吉', '黑'],
      ['苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘'],
      ['桂', '琼', '渝', '川', '贵', '云', '藏'],
      ['陕', '甘', '青', '宁', '新'],
    ],
    // 车牌输入
    numbers: [
      ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
      ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K"],
      ["L", "M", "N", "P", "Q", "R", "S", "T", "U", "V"],
      ["W", "X", "Y", "Z", "港", "澳", "学"]
    ],
    carnum: [],
    showNewPower: false,
    KeyboardState: true
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 选中点击设置
  bindChoose(e:any) {
    if (!this.data.carnum[6] || this.data.showNewPower) {
      var arr = [];
      arr[0] = e.target.dataset.val;
      this.data.carnum = this.data.carnum.concat(...arr)
      this.setData({
        carnum: this.data.carnum
      })
    }
  },
  bindDelChoose() {
    if (this.data.carnum.length != 0) {
      this.data.carnum.splice(this.data.carnum.length - 1, 1);
      this.setData({
        carnum: this.data.carnum
      })
    }
  },
  showPowerBtn() {
    this.setData({
      showNewPower: true,
      KeyboardState: true
    })
  },
  closeKeyboard() {
    this.setData({
      KeyboardState: false
    })
  },
  openKeyboard() {
    this.setData({
      KeyboardState: true
    })
  },
  // 提交车牌号码
  submitNumber() {
    if (this.data.carnum[6]) {
      console.log("carnum == ",this.data.carnum.toString().replaceAll(",",""));
      let carNum = this.data.carnum.toString().replaceAll(",","")
      // 发送请求，添加车牌信息
      ajax("/carLicense/uploadCarLicense"+ {carNum}, "POST").then(res => {
        // 添加成功
        console.log("res =====", res);
      })
      
    }
  },
  // 点击取消关闭添加车牌组件
  handleClose () {
    this.setData({flag:false})
    this.setData({showNewPower: false})
    // console.log("flag == ",this.data.flag);
  }
}
})
